<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>智能检索统计系统--人员情况模块</title>
	<!--公用样式-->
	<link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/comment.css"/>
	<link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/supplier/common/css/style.css"/>
	<!--Layui-->
	<link rel="stylesheet" href="${re.contextPath}/plugin/layui/css/layui.css" media="all"/>
	<!--extended-->
	<link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/extended.css"/>
	<!--公用样式JS-->
	<script type="text/javascript" src="${re.contextPath}/plugin/jquery/jquery-3.2.1.min.js"></script>
	<link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/layui/css/autocomplete.css"/>
	<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/comment.js"></script>
	<script type="text/javascript" src="${re.contextPath}/plugin/layui/layui.js" charset="utf-8"></script>
	<meta charset="utf-8">
	<!-- 引入 ECharts 文件 -->
<#--	<script src="echarts.min.js"></script>-->
	<script type="text/javascript" src="${re.contextPath}/plugin/echarts/echarts-4.2.1.min.js" charset="utf-8"></script>
</head>
<style>
	.Right {
		width: 100%;
		overflow-y: scroll;
		left: 16%;
		top: 144px;
	}
	.personnel ul li label {
		display: inline-block;
		width: 10%;
	}
	.h30 {
		height: 36px !important;
	}
	.w25 {
		width: 17px !important;
	}
</style>

<body>
<!--头部-->

<!--容器-->
<div class="container clearfix" style="margin-left: 3%;width: 96%;">
	<!--右侧内容-->
	<div class="Right fr mt10">
		<div class="project" style="margin-top: -10px;text-align: left;margin-left: -12px;margin-bottom: 12px;">
			<select name="city" id="type" class="ml8 fl" onchange="typeChange(this)"
					style="width: 100px !important;margin-left: 10px" lay-ignore>
				<option value="qb">全部</option>
				<option value="gr">个人</option>
				<option value="zz">组织</option>
			</select>
			<select name="city" id="gxType" class="ml8 fl" onchange="gxtypeChanges(this)"
					style="width: 100px !important;margin-left: 10px" lay-ignore>
				<option value="000">全部</option>
				<option value="001">供方</option>
				<option value="002">需方</option>
			</select>
		</div>
		<div class="personnel whitebg" style="margin-top: 5px;">
			<ul>
				<li class="clearfix" style="width:100%;text-align: center">
						<div style="display: inline-block;" id="xuanze">
							<input type="radio" class="fl h30 w25 doBestInput" name="zc" value="003">
							<span class="fl mr10">通过登录页面注册</span>
							<input type="radio" style="margin-left: 40px" class="fl h30 w25 doBestInput" name="zc" value="001">
							<span class="fl mr10">系统管理员代为注册</span>
							<input type="radio" style="margin-left: 40px" class="fl h30 w25 doBestInput" name="zc" value="000">
							<span class="fl mr10">平台所有（通过登录页面注册+系统管理员代为注册）</span>
						</div>
				</li>
				<li class="clearfix">
					<div class="fl mt30" style="width:100%;text-align: center">
						<button type="button" class="layui-btn layui-btn-normal"  style="width: 120px;margin: 0 auto;" onclick="query()">开始分析</button>
					</div>
				</li>
			</ul>
		</div>
<#--	仪表盘-->
		<div class="project whitebg" style="text-align: center;" >
			<div style="width:100%;height:400px;display:inline-block" id="all">
				<div id="main1" style="width: 20%;height:400px;float: left;margin-left: 30%;"></div>
				<div id="main2" style="width: 20%;height:400px;float: left;"></div>
			</div>
			<div style="width:100%;height:400px;display:inline-block" id="gr">
				<div id="maingr1" style="width: 20%;height:400px;float: left;"></div>
				<div id="maingr3" style="width: 20%;height:400px;float: left;"></div>
				<div id="maingr4" style="width: 20%;height:400px;float: left;"></div>
				<div id="maingr5" style="width: 20%;height:400px;float: left;"></div>
				<div id="maingr2" style="width: 20%;height:400px;float: left;"></div>
			</div>
			<div style=" width:100%;height:400px;display:inline-block;" id="zz">
				<div id="mainzz1" style="width: 20%;height:400px;float: left;margin-left: 20%;"></div>
				<div id="mainzz3" style="width: 20%;height:400px;float: left;"></div>
				<div id="mainzz2" style="width: 20%;height:400px;float: left;"></div>
			</div>
		</div>
	</div>
</div>
<!--layui JS-->
<script type="text/javascript" src="${re.contextPath}/plugin/layui/layui.all.js" charset="utf-8"></script>
<!--公用样式JS-->
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/comment.js"></script>
<script type="text/javascript" src="${re.contextPath}/plugin/tools/tool.js"></script>
<!--启动JS-->
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/jquery.boot.js"></script>
<!--启动JS-->
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/jquery.common.js"></script>
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/layui/lay/modules/tableSelect.js"></script>
<#-- 可以多选的下拉框 -->
<script src="${re.contextPath}/plugin/layui/xm-select.js"></script>
<#--Echarts样式-->
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/echarts/js/shine.js"></script>
<#--统计人员的环形图-->
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/analysis/situation.js"></script>
<script type="text/javascript">
	var _ycols = ['value', 'name'];
	var numerical=0;
	$(function(){
		//全部 统计
		region();
		ywlx();
		//个人 统计
		regiongr();
		ywlxgr();
		sexgr();
		agegr();
		educationgr();
		//组织 统计
		regionzz();
		ywlxzz();
		companyzz();
		$("#all").show();
		$("#gr").hide();
		$("#zz").hide();
		$("#gxType").hide();
	})
	function typeChange(object){
		$("#xuanze").load(location.href + " #xuanze");
		var type=$("#type").val();
		//全部
		if(type=='qb'){
			$("#all").show();
			$("#gr").hide();
			$("#zz").hide();
			$("#gxType").hide();
			//组织统计清空
			regionzz();
			ywlxzz();
			companyzz();
			//个人 统计清空
			regiongr();
			ywlxgr();
			sexgr();
			agegr();
			educationgr();
		}
		//个人
		if(type=='gr'){
          $("#all").hide();
			$("#gr").show();
			$("#zz").hide();
			$("#gxType").hide();
			//全部的统计清空
			region();
			ywlx();
			//组织统计清空
			regionzz();
			ywlxzz();
			companyzz();
		}
		//组织
		if(type=='zz'){
			$("#zz").show();
			$("#gr").hide();
			$("#all").hide();
			$("#gxType").show();
			//全部的统计清空
			region();
			ywlx();
			//个人 统计清空
			regiongr();
			ywlxgr();
			sexgr();
			agegr();
			educationgr();
		}
	};


	//开始分析
	function query(){
		var type=$("#type").val();
		var gxType=$("#gxType").val();
		var states=$("input:radio:checked").val();
		if(!states){
			return;
		}
		var jsondata = {
			type:type,
			states:states,
			gxType:gxType
		};
		console.log(jsondata);
		layerAjax('/search/analysis/situation',jsondata,'',function (d){
			//所在地统计
			if(d.statsSzd){
				console.log(d)
				var rows = d.statsSzd;
				var xmjlry=[];
				$.each(rows, function (i, v) {
					xmjlry.push({
						name: v[_ycols[1]],
						value: v[_ycols[0]],
						// selected: true
					});
				})
				if(type=='qb'){
					region(xmjlry);
				}
				if(type=='gr'){
					regiongr(xmjlry);
				}
				if(type=="zz"){
					regionzz(xmjlry);
				}
			}
			//业务类型统计
			if(d.statsYw){
				var rows = d.statsYw;
				var xmjlry=[];
				$.each(rows, function (i, v) {
					xmjlry.push({
						name: v[_ycols[1]],
						value: v[_ycols[0]],
						// selected: true
					});
				})
				if(type=='qb'){
					ywlx(xmjlry);
				}
				if(type=='gr'){
					ywlxgr(xmjlry);
				}
				if(type=="zz"){
					ywlxzz(xmjlry);
				}
			}
			// 组织  企业统计
			if(d.statsDw){
				var rows = d.statsDw;
				var xmjlry=[];
				$.each(rows, function (i, v) {
					xmjlry.push({
						name: v[_ycols[1]],
						value: v[_ycols[0]],
						// selected: true
					});
				})
				companyzz(xmjlry);
			}
			// 个人  性别统计
			if(d.statsXb){
				var rows = d.statsXb;
				var xmjlry=[];
				$.each(rows, function (i, v) {
					xmjlry.push({
						name: v[_ycols[1]],
						value: v[_ycols[0]],
						// selected: true
					});
				})
				sexgr(xmjlry);
			}
			// 个人  年龄统计
			if(d.statsnl){
				var rows = d.statsnl;
				var xmjlry=[];
				$.each(rows, function (i, v) {
					xmjlry.push({
						name: v[_ycols[1]],
						value: v[_ycols[0]],
						// selected: true
					});
				})
				agegr(xmjlry);
			}
			// 个人  学历统计
			if(d.statsxl){
				var rows = d.statsxl;
				var xmjlry=[];
				$.each(rows, function (i, v) {
					xmjlry.push({
						name: v[_ycols[1]],
						value: v[_ycols[0]],
						// selected: true
					});
				})
				educationgr(xmjlry);
			}
		})

	}

</script>
</body>

</html>
